<template>
	<div class="ListNav" :class="{pointerevents:ListNavData.pointerevents===true}">
		<div class="tab">
			<div class="li " v-for="(item, key, index) in ListNavData.list" :key="index" :class="{active:ListNavData.isactive===item.id}"
			 @click="todatafather(item)">{{item.name}}
				<div class="after"></div>
			</div>
		</div>
	</div>
</template>

<script>
	import {
		mapGetters,
		mapActions
	} from 'vuex';
	export default {
		data() {
			return {}
		},
		computed: {
			...mapGetters([
				'ListNavData',
			])
		},
		methods: {
			...mapActions({
				setListNavData: "setListNavData",
			}),
			todatafather(res) {
				var data = this.ListNavData;
				data.isactive = res.id;
				this.setListNavData(data);
				this.$parent.getsondata_tab(res.id)
				this.$parent.gettypenav(res)
			}
		},
	}
</script>

<style lang="less">
</style>
